<%@ page title="" language="C#" masterpagefile="~/RealtimeSite.master" autoeventwireup="true" inherits="ApproveManualPunch, App_Web_odyrwiur" %>

  <%@ Register Assembly="Heidarpour.WebControlUI" Namespace="Heidarpour.WebControlUI"
    TagPrefix="rhp" %>
<%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="AjaxControlToolkit" %>
    <%@ Register   Assembly="AjaxControlToolkit"
    Namespace="AjaxControlToolkit"
    TagPrefix="cc1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" Runat="Server">
    <style type="text/css">

.green-colour{
background-color:#8dc234;
font-family:Tahoma;
font-size:17px;
padding-left:4px;
color:#ffffff;
margin:2px;
text-decoration:none;
font-weight:bold;
}
.user{
font-family:Tahoma;
font-size:12px;
color:#124c56;
margin:4px;
text-decoration:none;
}
                        .card [class*=card-header-]:not(.card-header-icon):not(.card-header-text):not(.card-header-image) {
    border-radius: 3px;
      margin-top: -37px;
    padding: 7px !important;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px 8px !important;
    vertical-align: middle;
    border-color: #ddd;
}
#MainContent_lblSelectMonth
{
      font-size:13px;
    font-weight:bold; 
}
.card-body label
{
    font-weight:600 !important;
}
        </style>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" Runat="Server">
    
          <div class="main-panel">
        <div class="content">
        <div class="container" id="approvemanualpunch" runat="server">
  <div class="row dash-pane2">	

  <div class="card">
                <div class="card-header card-header-warning">
                  <h4 class="card-title"><i class="fa fa-list fa-fw"></i><asp:Label ID="lblGPSPunchListWithLocation" runat="server" Text="GPS Punch List With Location"></asp:Label>
                  &nbsp;
                                    
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
                                    </h4>
                </div>
                <div class="card-body table-responsive" >
                  
            <div class="row">
            <div class="col-lg-6">
             <asp:Label 
                                        ID="lblSelectMonth" runat="server" Text="Select Month" ></asp:Label>
                         
                          <asp:Panel ID="Panel6" runat="server" Visible="false">
                            <rhp:DatePicker ID="txtdate1" runat="server" DatePersian="" CalendarType="Persian"  
        BorderColor="#CCCCCC" BorderStyle="Solid" BorderWidth="1px" ShowWeekNumbers="True" 
        FirstDayOfWeek="Monday" ShowOthers="True" AutoPostBack="True" ontextchanged="txtdate1_TextChanged" ></rhp:DatePicker>
                            </asp:Panel>

                                 <asp:TextBox ID="txtdate" runat="server" class="form-control"  
                                      AutoPostBack="True" ontextchanged="txtdate_TextChanged"
           
                   />
            <cc1:calendarextender ID="cal1" runat="server" TargetControlID="txtdate" Format="MM/dd/yyyy"  />
            </div>
            <div class="col-lg-3" style="margin-top:30px;">
            <asp:CheckBox ID="CheckBox1" runat="server" AutoPostBack="True" 
                                        oncheckedchanged="CheckBox1_CheckedChanged" Text="Select All/Un-Select ALL" />
            </div>
            <div class="col-lg-3" style="margin-top:30px;">
            <asp:Label 
                                        ID="Label3" runat="server" Text="Label" Visible="False"></asp:Label>
                                        <asp:CheckBox ID="CheckBox2" runat="server" AutoPostBack="True" 
                                        Text="GPG Punch With Photo" Checked="True" 
                                        oncheckedchanged="CheckBox2_CheckedChanged" />
            </div>
            </div>

            <br />
               <div class="row" style="margin-left:0px; margin-right:0px; margin-bottom:100px;">  
               <div class="table-responsive">       
                             <asp:GridView ID="Grid1" runat="server" class="table table-bordered table-hover table-striped"
          AutoGenerateColumns="False"  DataKeyNames="id" ondatabound="Grid1_DataBound">
         
         
          <Columns>
              <asp:TemplateField HeaderText="Select">
                  <HeaderStyle CssClass="tdsubcellheadingfont" ForeColor="Black" Height="21px" Width="30px" />
                  <ItemTemplate>
                      <asp:CheckBox ID="cbRows" runat="server"  />
                  </ItemTemplate>
                
              </asp:TemplateField>
               <asp:BoundField DataField="Empcode" HeaderText="Empcode" SortExpression="Empcode"></asp:BoundField>
                <asp:BoundField DataField="cardno" HeaderText="cardno" SortExpression="cardno"></asp:BoundField>
            
               <asp:BoundField DataField="EmpName" HeaderText="Employee Name" SortExpression="Father Name"></asp:BoundField>
                <asp:BoundField DataField="PunchDate" HeaderText="PunchDate" SortExpression="Father Name">
               
            </asp:BoundField>
              
             <asp:BoundField DataField="Time1" HeaderText="Punch Time" SortExpression="Deptname">
              
            </asp:BoundField>
            
            <asp:BoundField DataField="Location" HeaderText="Location" SortExpression="Desig_Name">
                
            </asp:BoundField>
             <asp:TemplateField HeaderText="Image">   
                      
                   <ItemTemplate>   
                      <asp:Image ID="Image1" ImageUrl='<%# Eval("imagepath") %>' runat="server"  style="width: 85px; height: 85px;" />
                   </ItemTemplate>   
               </asp:TemplateField>   
          
           </Columns>
         
      </asp:GridView>
      </div>  
      </div>   
      <script type="text/javascript" src="jquery.min.js" ></script>
    <script type="text/javascript" src="quicksearch.js"></script>
    <script type="text/javascript">
        $(function () {
            $('.search_textbox').each(function (i) {
                $(this).quicksearch("[id*=Grid1] tr:not(:has(th))", {
                    'testQuery': function (query, txt, row) {
                        return $(row).children(":eq(" + i + ")").text().toLowerCase().indexOf(query[0].toLowerCase()) != -1;
                    }
                });
            });
        });
    </script>
                </div>
              </div>
              </div>
              <div class="row" style="margin-left:auto; margin-right:auto; display:table; margin-top:px; margin-bottom:0px;">
                             <asp:Button ID="Btnadd" runat="server" Text="Save"  OnClick="Btnadd_Click" onclientclick="return validate()"
        type="button" class="btn btn-success " /><i class="fa fa-plus;"></i>&nbsp;&nbsp;

                   <asp:Button ID="Button2" runat="server" Text="Repair Gps Punch"    onclientclick="return validate()"
        type="button" class="btn btn-success " OnClick="Button2_Click" /><i class="fa fa-plus;"></i>&nbsp;&nbsp;

        <asp:Button ID="BtnDel" runat="server" type="button" Text="Delete" onclick="BtnDel_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>&nbsp;&nbsp;
            <asp:Button ID="Button1" runat="server" type="button" Text="Close"  onclick="Button1_Click" 
           class="btn btn-danger"
           /><i  class="fa fa-trash-o;"></i>
              </div>
			
                          
                      
                       
                    </div>
				 </div> </div> </div>
</asp:Content>


